/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

function initEmpleadosGrid(){    
    $("#bancos_grid").jqGrid({
        url:'getBancosList.do',
        //editurl:'modifiBanco.do?action=edit',
        datatype: "json",
        width:900,
 colNames:['','Nombre','Apellido paterno','Apellido materno','Talla','Email','Telefono','Celular','Domicilio','Opciones'],
        colModel:[
        {
            name:'id_empleado',
            index:'id_empleado',
            sortable: true, 
            /*editable: true,  
            editoptions:{readonly: true}, */
            hidden: true , 
            editable: true, 
            formoptions:{rowpos: 6, colpos: 1},
            width:55
        }
        ,{
            name:'nombre_empleado',
            index:'nombre_empleado',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false},   
            formoptions:{rowpos: 1, colpos: 1},
            width:55
        },{
            name:'apellido_paterno',
            index:'apellido_paterno',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false}, 
            formoptions:{rowpos: 2, colpos: 1},
            width:55
        },{
            name:'apellido_materno',
            index:'apellido_materno',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false},   
            formoptions:{rowpos: 3, colpos: 1},
            width:55
        },{
            name:'id_talla',
            index:'id_talla',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false}, 
            formoptions:{rowpos: 4, colpos: 1},
            width:55
        },{
            name:'email',
            index:'email',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false}, 
            formoptions:{rowpos: 1, colpos: 2},
            width:55
        },{
            name:'telefono',
            index:'telefono',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false},        
            formoptions:{rowpos: 2, colpos: 2},
            width:55
        },{
            name:'celular',
            index:'celular',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false},        
            formoptions:{rowpos: 3, colpos: 2},
            width:55
        },{
            name:'domicilio',
            index:'domicilio',
            sortable: true, 
            editable: true,  
            editrules: { required: true},
            editoptions:{readonly: false},        
            formoptions:{rowpos: 5, colpos: 1},
            edittype: 'textarea',
            width:55
        },
                {
            name:'actions',
            index:'actions',
            sortable: false, 
            width:80, 
            
            align:"center"
        }
        ],
        ondblClickRow: function(bancoid){
           // alert(bancoid)    
               
        },
        rowNum:10,
        rowList:[10,20,30],
        pager: '#bancos_pager',
        sortname: 'id_empleado',
        viewrecords: true,
        sortable: true,
        sortorder: "desc",
        multiselect: false,
        caption:"Catalogo de empleados",
        loadonce : false,
        rowTotal: 'total',
        records:'records',
        jsonReader: {
            repeatitems: false,
            id: "id_empleado"
        },gridComplete: function(){
 	  
            var ids =$("#bancos_grid").jqGrid('getDataIDs');
	  
            for(var i=0;i < ids.length;i++){
                var id_empleado_ = ids[i]; 
                
                icon1= " <img src='img/edit.png' alt='Rechazar' title='Editar Empleado' height='18' onclick=\"editEmpleadoFromCatalogo('"+id_empleado_+"',2);\" width='18'  />";
                icon2= " <img src='img/Add-icon.png'alt='Ver auto' title='Agregar Empleado' height='14' onclick=\"addForm('"+id_empleado_+"',1);\" width='14'  />";
                icon3= " <img src='img/icon2.png' alt='Rechazar' title='Eliminar Empleado' height='18' onclick=\"delEmpleadoFromCatalogo('"+id_empleado_+"',2);\" width='18'  />";
                $("#bancos_grid").jqGrid('setRowData',ids[i],{
                    actions:icon1+" "+icon3
                }); 
            }
 
        }
    });    
    
    $("#bancos_grid").jqGrid('navGrid','#bancos_pager',{
        //edit:true,
        add:true,
        del:true,
        view :false,
        search: false 
    },{closeAfterEdit:true,url:'crudCatalogoEmpleado.do?accion=edit',width:600},{closeAfterAdd:true,url:'crudCatalogoEmpleado.do?accion=add',width:600},{url:'crudCatalogoEmpleado.do?accion=del'});

}


function addForm(){
  $("#dialog-addcatalogoempleados").show();
  $('#dialog-addcatalogoempleados').dialog({width: 1000});
        
        
  $("[id='nombre_empleado']").val("");
  $("[id='apellido_paterno']").val("");
  $("[id='apellido_materno']").val("");
  $("[id='id_talla']").val("");
  $("[id='email']").val("");
  $("[id='telefono']").val("");
  $("[id='celular']").val("");
  $("[id='domicilio']").val("");
  $("[id='id_empleado']").val("");          

}




function editEmpleadoFromCatalogo(empleado_id){
   //alert(empleado_id)
    $("#dialog-editcatalogoempleados").show();
    $('#dialog-editcatalogoempleados').dialog({
            width: 1000
    });
    
    // dwrService.getEmpleadoById(empleado_id,function(data){});
    
     dwrService.getEmpleadoById(empleado_id,
                {
                    callback: function(objRemoto) {
                       //alert(objRemoto["nombre_empleado"])
                       $("[id='nombre_empleado']").val(objRemoto["nombre_empleado"]);
                       $("[id='apellido_paterno']").val(objRemoto["apellido_paterno"]);
                       $("[id='apellido_materno']").val(objRemoto["apellido_materno"]);
                       $("[id='id_talla']").val(objRemoto["id_talla"]);
                       $("[id='email']").val(objRemoto["email"]);
                       $("[id='telefono']").val(objRemoto["telefono"]);
                       $("[id='celular']").val(objRemoto["celular"]);
                       $("[id='domicilio']").val(objRemoto["domicilio"]);
                       $("[id='id_empleado']").val(objRemoto["id_empleado"]);                       
                        /*$("[id='banco.anombrede']").val(objRemoto["anombrede"]);
                        $("[id='banco.clave']").val(objRemoto["clave"]);
                        $("#sucursal").val(objRemoto["sucursal"]);
                        $("#cuenta").val(objRemoto["cuenta"]);
                        $("#clave").val(objRemoto["clave"]);
                        $("#cie").val(objRemoto["cie"]);
                        $("#referencia").val(objRemoto["referencia"]);*/
                    },
                    preHook: function() {
                                            $("#loading").show();
                    },
                    postHook: function() {
                                            $("#loading").hide();
                    }
                });
             
    
    
}

function delEmpleadoFromCatalogo(empleado_id){
       
    $("#dialog-confirm").show();
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "Aceptar": function() {
         
              dwrService.deleteEmpleadoCatalogo(empleado_id,function(data){
                  $("#bancos_grid").setGridParam().trigger("reloadGrid");
              });
              
              $( this ).dialog( "close" );
        },
        "Cacelar": function() {
          $( this ).dialog( "close" );
        }
      }
    });    
     
}